<!DOCTYPE html>
<html>
<head>
	<title>汇昇公司</title>
	<link rel="stylesheet" type="text/css" href="HS.css">
</head>
<body>
	<div class='top'>
		<div class='top1' id='topp'>
			您好： <a>请登录</a>
		</div>
	</div>

	<div class='banner'>
		<div class='piture'>
			<img src="images/huisheng_02.png" class='tu1'>
		</div>
		<div class="phone">
		    <div class='tu2'></div>
			<div class='phone_3'>
				<P><a>理财热线：029-89526852
				</a></P>
				<p><a>理财热线：400-354534852</a></p>
				<p><a>理财热线：022-89523546</a></p>
			</div>

		</div>
		<div class='clear'></div>
	</div>

	<div class='content'>
		<div class='content-daohang'>
			<div class='content-background'>
				<a class='a'>网页首页</a>
				<a class='a'>关于汇昇</a>
				<a class='a'>理财产品</a>
				<a class='a'>理财学院</a>
				<a class='a'>新闻资讯</a>
				<a class='a'>政法法规</a>
				<a class='a'>加入汇昇</a>
				<a class='a'>联系我们</a>
			</div>
		</div>

        <div class='content-body' id='content-body'>
        	
        	<div class='denglu' id='denglu1'>
        		<div class='denglu_1'>
        			<span class='span1'></span>
        		<span class="span2">汇昇投资<span></div>

        		<div class='input1'>
        			<input type="text" placeholder="手机号">
        		</div>
                <div class='input1'>
        			<input type="password" placeholder="密码">
        		</div>

        		<div class='checkbox'><input type="checkbox" id='checkbox1'>
        		记住交易账号</div>

        		<div class='liji'>
        			<input type="button" value='立即登录' id='liji1'>
        		</div>
        	</div>

        	<div class='index'>
        		<span class='spandi  spanstyle'>1</span>
        		<span class='spandi'>2</span>
        		<span class='spandi'>3</span>
        	</div>
        </div>
	</div>

	


<script type="text/javascript">
	var top1=document.getElementById('topp');
    var denglu1=document.getElementById('denglu1');
    var liji1=document.getElementById('liji1');
    var checkbox1=document.getElementById('checkbox1');
    var contentbody=document.getElementById('content-body');
    var spandi=document.getElementsByClassName('spandi');
    var k=2;
 



    setInterval(function(){
         if(k!=4){
         contentbody.style.background="url(images/banner"+k.toString()+".jpg)";  
             	for(var i=0;i<3;i++){
             		spandi[i].className='spandi';
             	spandi[k-1].className='spandi spanstyle';
             }
     }else{
     	k=0;
     }
     k+=1;
       },3000)



   for(var j=0;j<3;j++){
   	(function(j){
   		spandi[j].onclick=function(){
   			var k=j+1;
           contentbody.style.background="url(images/banner"+k.toString()+".jpg)"; 
           for(var i=0;i<3;i++){
             		spandi[i].className='spandi';
             	spandi[j].className='spandi spanstyle';
             }
   		}
   	})(j);
   }

         
    

    top1.onclick=function(){
       denglu1.style.display='block';
    }
    liji1.onclick=function(){
    	if(checkbox1.checked){
    		alert('登陆成功');
    		denglu1.style.display='none';
    	}else{
    		alert('请同意记住密码');
    	}
    }
</script>
</body>
</html>